
.gn-carousel
{
    -fx-background-color : rgba(0,0,0,.2);
}

.gn-carousel > .button
{
  -fx-cursor : hand;
  -fx-pref-width : 80px;
  -fx-background-color : transparent;
}

.gn-carousel .left-button,
.gn-carousel .right-button
{
    -fx-background-color : transparent;
}

.gn-carousel .left-button:hover
{
  -fx-background-color : linear-gradient(to left, transparent, #00000040);
}

.gn-carousel .right-button:hover{
  -fx-background-color : linear-gradient(to right, transparent, #00000040);
}

.gn-carousel .button SVGPath
{
  -fx-fill : #ffffff40;

}

.gn-carousel .button:hover SVGPath,
.gn-carousel .button:pressed SVGPath,
.gn-carousel .indicators .toggle-button:selected
{
  -fx-background-color : white;
  -fx-fill : white;
}

.gn-carousel .wrapper .sub-title
{
  -fx-font-size : 14px;
  -fx-fill : white;
}

.gn-carousel .wrapper .title
{
  -fx-font-size : 20px;
  -fx-fill : white;
}

.gn-carousel .indicators .toggle-button
{
    -fx-cursor : hand;
    -fx-background-color : #ffffff40;
    -fx-background-radius : 0px;
    -fx-border-width : 0px;
    -fx-min-height : 0px;
    -fx-pref-height : 10px;
    -fx-pref-width : 30px;
    -fx-background-insets  : 3px;
    -fx-translate-y : -10px;
}
